/* ---------------------------------------------------------------------- */
/*  Theme Default
/* ---------------------------------------------------------------------- */
body {
  background-color: #ccc !important;
  background-size: cover;
  background-image: url(../../../static/img/bg.jpg);
}

body.layout-boxed {
  background: url("../../img/bg.png") #050505;
}

#pageslide-left{
  min-height:100vh;
  background-color: rgba(0, 0, 0, .075) !important;
  /*background-color: #22262f  !important;*/
}

.topbar {
  background: #8AA4EA;
  background-color: #4E6CBB 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4E6CBB 0px), to(#8AA4EA 100%));
  background-image: -webkit-linear-gradient(top, #4E6CBB 0px, #8AA4EA 100%);
  background-image: -moz-linear-gradient(top, #4E6CBB 0px, #8AA4EA 100%);
  background-image: -ms-linear-gradient(top, #4E6CBB 0px, #8AA4EA 100%);
  background-image: -o-linear-gradient(top, #4E6CBB 0px, #8AA4EA 100%);
  background-image: linear-gradient(top, #4E6CBB 0px, #8AA4EA 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4E6CBB 0px', endColorStr='#8AA4EA 100%');
  height: 60px;
}
.topbar > .container .navbar-brand, .topbar .logo {
  color: white;
}
.topbar .topbar-tools > ul > li > a {
  color: white;
}
.topbar .topbar-tools > ul > li.right-menu-toggle > a {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #804c75;
}
.topbar .nav li.dropdown.open > .dropdown-toggle, .topbar .nav li.dropdown.active > .dropdown-toggle, .topbar .nav li.dropdown.open.active > .dropdown-toggle {
  background: none;
  color: white;
}
.topbar .nav > li:hover > a, .topbar .nav > li:active > a, .topbar .nav > li > a:focus {
  color: white;
  background: none;
}

ul.main-navigation-menu > li a {
  border-bottom: none;
  border-top-color: #121212;
  color: #fff;
}
ul.main-navigation-menu > li a i {
  color: #ddd;
  font-weight: normal;
}
ul.main-navigation-menu > li.active > a {
  /*background: #1f1f1f !important;*/
  background: rgba(0, 0, 0, .075) !important;
  border-top: none !important;
  color: white;
  font-weight: normal;
}
ul.main-navigation-menu > li.active > a i {
  color: white;
}

ul.main-navigation-menu li > ul.sub-menu > li > a:hover {
  /*background: #242424;*/
  background:#8AA4EA;
  color: white !important;
}

ul.main-navigation-menu li > ul.sub-menu > li.open > a, ul.main-navigation-menu li > ul.sub-menu > li.active > a, ul.main-navigation-menu li > ul.sub-menu > li.open > a:hover, ul.main-navigation-menu li > ul.sub-menu > li.active > a:hover {
  background: #8AA4EA;
  color: white !important;
  
  background: #8AA4EA;
  background-color: #4E6CBB 0px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#4E6CBB 0px), to(#8AA4EA 100%));
  background-image: -webkit-linear-gradient(top, #4E6CBB 0px, #8AA4EA 100%);
  background-image: -moz-linear-gradient(top, #4E6CBB 0px, #8AA4EA 100%);
  background-image: -ms-linear-gradient(top, #4E6CBB 0px, #8AA4EA 100%);
  background-image: -o-linear-gradient(top, #4E6CBB 0px, #8AA4EA 100%);
  background-image: linear-gradient(top, #4E6CBB 0px, #8AA4EA 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4E6CBB 0px', endColorStr='#8AA4EA 100%');
}

ul.main-navigation-menu > li.open > a, ul.main-navigation-menu > li > a:hover, ul.main-navigation-menu > li:hover > a {
  background-color: black;
}

ul.main-navigation-menu li.divider {
  background-color: #121212 !important;
}

ul.main-navigation-menu li.dropdown-header, ul.main-navigation-menu .mega-menu-sub-title {
  color: #525252 !important;
}

ul.main-navigation-menu li.dropdown-header, ul.main-navigation-menu .mega-menu-sub-title {
  color: #525252 !important;
}

ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu a {
  color: #dedede !important;
}
ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu a:hover {
  background: none !important;
}

ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu li.active a, ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu li.active a:hover, ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu li.active a:focus {
  background-color: black !important;
  text-decoration: none;
}

ul.main-navigation-menu .mega-menu .mega-menu-content ul.mega-sub-menu li a:hover {
  background-color: #141414 !important;
  text-decoration: none;
}

#horizontal-menu .container {
  background: #050505;
}
#horizontal-menu .navbar-collapse .navbar-nav > li > a {
  color: #787878;
}
#horizontal-menu .navbar-collapse .navbar-nav > li > a:hover {
  color: #dedede;
  background: black;
}
#horizontal-menu .navbar-collapse .navbar-nav > li > a:active, #horizontal-menu .navbar-collapse .navbar-nav > li > a:focus {
  background: black;
}
#horizontal-menu .navbar-collapse .navbar-nav > li.active > a {
  color: #dedede;
  background: #1abc9c;
}
#horizontal-menu .navbar-collapse .navbar-nav > li.active > a:after {
  border-top-color: #1abc9c;
}

#pageslide-left .slide-tools {
  background-color: black;
}
#pageslide-left .btn {
  color: rgba(255, 255, 255, 0.3);
}
#pageslide-left .btn:hover {
  color: white;
  background-color: rgba(5, 5, 5, 0.4);
}
#pageslide-left .user-profile {
  border-color: #121212;
  position: relative;
}
#pageslide-left .user-profile h5 {
  color: #525252;
}
#pageslide-left .user-profile h4 {
  color: white;
}

.closedbar {
  background-color: black !important;
}
.closedbar:hover {
  background-color: #050505 !important;
}

#pageslide-right .pageslide-title {
  color: rgba(255, 255, 255, 0.4);
}
#pageslide-right .notifications a {
  color: #EEEEEE;
  background: black;
}
#pageslide-right .notifications a:hover {
  background: black;
}
#pageslide-right .notifications a .time {
  color: #525252;
}

#style_selector_container .box-title {
  color: rgba(255, 255, 255, 0.8) !important;
}
#style_selector_container .images {
  border-bottom: 1px solid #121212;
}
#style_selector_container .images img.active {
  border: 2px solid #ababab;
}

.back-top-title{
	padding:20px 0 !important;
	color: #fff;
	font-size: 15px;
}

.back-top-title a{
	color: #fff;
}

.back-top-title a:hover{
	color:#919BE3;
}

table.table thead {
	background: #f1f1f1;
}

#back_content_loading_wrap{
    text-align: center;
    margin-top:100px;
    font-size: 100px;
    color: #fff;
}

i.must-input{
	color: #f90;
	font-size:10px !important;;
	margin-right:5px
}

.form-horizontal .control-label {
    color: #000;
    font-weight: bold;
    
    padding-top:0px;
    display: inline-block;
    height: 30px;
    line-height: 30px;
}

textarea.common-textarea{
	margin: 0px -9.5px 0px 0px;
	resize: none;
	font-size: 12px;
	padding: 5px 6px;
	width: 100%;
	line-height: 24px;
}

select.common-select{
	font-size: 12px;
	width: 100%;
	height: 32px;
    line-height: 32px;
}

.has-form{
	padding-bottom: 30px;
}

.has-form .panel{
	padding-top: 20px;
}

input.selectall{
	display: block;
    width: 21px;
    height: 21px;
}

body .modal-backdrop, body .modal-backdrop.fade.in {
    opacity: 0.7;
    filter: alpha(opacity=70);
    background: #807878;
}

#splitPageDiv{
	text-align: center;
}